<template>
  <div class="root">
    <m-header title="查看图片">
      <div slot="left" v-on:click="$router.go(-1)"><img class="m-icon-img margin-right-10" src="../assets/images/menu_close.png" /></div>
      <!--<div slot="right"><img class="m-icon-img margin-right-10" src="../assets/images/menu_more.png" /></div>-->
    </m-header>

    <div class="content img-main" id="content">
      <img class="image" :src="imgUrl" alt="">
    </div>
  </div>
</template>

<script>
  import mHeader from '../components/header'
  import mNoneData from '../components/none-data.vue'

  export default {
    components: {
      mHeader,
    },
    data() {
      return {
        imgUrl: ''
      }
    },
    methods: {

    },
    mounted() {
      this.imgUrl = this.$route.query.imgUrl;
    }
  }

</script>

<style lang="less" scoped>
  /*@import "../assets/less/common.less";*/
  .img-main {
    /*background-color: black;*/
    display: flex;
    align-items: center;
  }
  
  .image {
    width: 100%;
    height: auto;
  }

</style>
